/**
 * Copyright 2011 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.

 *
 * @author jasonstredwick@google.com (Jason Stredwick)
 */


.console {
  width: 600px;
  height: 400px;
  resize: none;
  overflow: hidden;
  border: 1px solid #000;
  margin: 0;
  padding: 0;

  background: #fff;
  color: #000;

  font-family: arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
}

/**
 * The header/title presentation.
 * width == 600px, inner == 570px
 * height == 40px, inner == 30px
 */
.title {
  height: 30px;
  margin: 0;
  padding: 5px 15px;

  background: #aaf;
  color: #33f;

  font-size: 20px;
  font-weight: bold;
}

/**
 * The console body contains all the content specific to the console.
 * width == 600px, inner == 590px
 * height == 320px, inner == 310px
 */
.body {
  height: 310px;
  padding: 5px;
  margin: 0;

  background: #ddf;
  color: #000;
}

/**
 * Footer presentation.
 * width == 600px, inner == 560px
 * height == 40px; inner == 30px
 */
.footer {
  height: 30px;
  margin: 0;
  padding: 5px 20px;

  background: #ddf;
  color: #000;
}

.button-right {
  float: right;
}

/**
 * width == 590px
 * height == 275px
 */
.body-data {
  height: 275px; /* body.height - row.height */
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.row {
  height: 35px;
  margin: 0;
  padding: 0;
}

.table-head {
  background: #ccf;
}

.table-data {
  background: #000;
}

.table-data {
  background: #000;
}

.row-element {
  padding: 2px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.add-remove {
  width: 50px;
}

.reset {
  width: 50px;
}

.state {
  width: 50px;
}

.ondemand {
  width: 50px;
}

.status {
  width: 50px;
}

.name_full {
  width: 294px;
}

.name_short {
  width: 274px;
}

.name-input_full {
  width: 236px;
}

.name-input_short {
  width: 216px;
}

.name-button {
  width: 50px;
}

.body-data > .row:nth-child(even) {
  background: #eef;
}

